import React from 'react';
import ReactDOM from 'react-dom/client';
// import App from "./01_不使用hooks/App";
// import App from './02_计数器的实现对比/App'
// import App from "./03_useState的使用/App";
// import App from "./04_useEffect的使用/App(类组件)";
// import App from "./04_useEffect的使用/App(修改标题hook)";
// import App from "./04_useEffect的使用/05-App(参数2-执行时机)";
// import App from "./05_useContext的使用/App";
// import { UserContext, ThemeContext} from "./05_useContext的使用/context";
// import App from "./06_useReducer的使用(了解)/App";
// import App from "./07_useCallback的使用/App";
// import App from "./08_useMemo的使用/App";
// import App from "./09_useRef的使用/App";
// import App from "./10_useImperativeHandle的使用/App";
// import App from "./11_useLayoutEffect的使用/App";
// import App from "./12_自定义Hooks/App";
// import App from "./12_自定义Hooks/02_从Context获取数据";
import {TokenContext, UserContext} from "./12_自定义Hooks/context";
// import App from "./12_自定义Hooks/05_state和localStorage结合";
// import App from "./13_redux中的hooks/App";
import { Provider } from "react-redux";
import store from "./13_redux中的hooks/store";
// import App from './14_useTransition的使用/App'
import App from "./15_useDeferredValue的使用/App";

const root = ReactDOM.createRoot(document.getElementById('root'));
// useContext练习 及其它所有练习
// root.render(
//     <UserContext.Provider value={{name: '张三', level: 99}}>
//       <ThemeContext.Provider value={{color: 'red', size: 30}}>
//         <App />
//       </ThemeContext.Provider>
//     </UserContext.Provider>
// );

// useLocalStorage Hook 练习：
root.render(
    // <UserContext.Provider value={{name: '夜斗', level: 99}}>
    //   <TokenContext.Provider value={'coderwhy'}>
    //     <Provider store={store}>
          <App />
    //     </Provider>
    //   </TokenContext.Provider>
    // </UserContext.Provider>
);

